<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>凉山州中考志愿填报</title>
<link rel="stylesheet" href="/css/newStyle.css"
	th:href="@{/css/newStyle.css}">
<link href="/css/bootstrap-editable.css" rel="stylesheet"
	th:href="@{/css/bootstrap-editable.css}" />
</head>
<body>
	<div class="mainBox" th:object="${students}">
		<div class="mainBox_inner">
			<h1>凉山州高中阶段招生</h1>
			<div class="tableOutBox">
				<h2>艺体审核系统（州教育科学和体育局）</h2>
				<div class="tableSearch clearfix">
					<form action="" method="post" id="form1">
						<div class="fl">
							<div class="fl searchOut">
								<input id="param_bmh" type="hidden" name="bmh" value="">
								<input type="text" placeholder="输入学生报名号" class="searchtext">
								<button class="searchbtn"></button>
							</div>
						</div>
					</form>
					<div class="fr rightbox" th:object="${artSpecialtys}">
						<select class="choceSchool choceSchool1 csd">
							<option value="" >--选择艺体特长招生学校--</option>
							<option th:if="${artSpecialtys != null}"
								th:each="artSpecialty:${artSpecialtys}"
								th:value="${artSpecialty.xxdm}"
								th:text="${artSpecialty.xxmc}"></option>
						</select>
						
						<input type="button" id="shenghe" class="btn-primary" value="审核">
						<input type="button"  id="goshenghe" class="btn-primary" value="清除审核">
						<input type="button" class="btn-primary"  onclick="javascript:history.go(-1);" value="返回">
					</div>
				</div>
				<div class="toolsbar"></div>
				<div class="tablebox">
					<table id="shenhetable" class="tablebox" border="1" cellpadding="0"
						cellspacing="0" align="left">
					</table>
					<div class="clearfix exportOutbox"></div>

				</div>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-editable.min.js"></script>
<script src="js/bootstrap-table-editable.js"></script>
<link href="css/bootstrap-table.css" rel="stylesheet" />
<script src="js/bootstrap-table-zh-CN.js"></script>
<script th:inline="javascript">
	/* var st=[[${students}]]; */
	/* $(".searchbtn").click(function() {
	 var bmh = $(".searchtext").val();
	 //var sele = $("#wishedandnowish").children('option:selected').val();
	 form1.action = "doSelectArtSpecialtyByBmhYt";
	 //js代码  赋值
	 document.getElementById('param_bmh').value = bmh;
	 //document.getElementById('param_sele').value = sele;
	 $("#form1").attr("action", form1.action);
	 form1.submit();
	 }) */
	var curRow = {};
	$(function() {
		//1.初始化Table
		var arr;
		var oTable = new TableInit();
		oTable.Init();
	})

	var TableInit = function() {
		var oTableInit = new Object();
		oTableInit.Destory = function() {
			$('#shenhetable').bootstrapTable('destroy');
		};
		oTableInit.Init = function() {
			$("#shenhetable").bootstrapTable({
				url : "showWishArtSpecialty", //请求后台的URL（*）
				contentType : "application/x-www-form-urlencoded",
				method : 'post', //请求方式（*）
				toolbar : '#toolbar', //工具按钮用哪个容器
				striped : true, //是否显示行间隔色
				/*             dataField:'studentstr', */

				cache : true, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				silent : true,
				sortable : true, //是否启用排序
				sortOrder : "asc", //排序方式
				queryParams : oTableInit.queryParams,//传递参数（*）
				queryParamsType : "undefined",
				sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页
				pageSize : 10, //每页的记录行数（*）
				pageList : [ 10, 25, 50, 100 ], //可供选择的每页的行数（*）
				search : false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
				strictSearch : false,
				showColumns : true, //是否显示所有的列
				showRefresh : true, //是否显示刷新按钮
				minimumCountColumns : 2, //最少允许的列数
				clickToSelect : true, //是否启用点击选中行
				/* height: 500, *///行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId : "ID", //每一行的唯一标识，一般为主键列
				showToggle : false, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				columns : [ {
					field : 'chose',
					checkbox : true
				}, {
					field : 'id',
					title : 'ID',
					align : 'center'
				}, {
					field : 'xm',
					title : '姓名',
					align : 'center'
				}, {
					field : 'bmh',
					title : '报名号',
					align : 'center'
				}, {
					field : 'sfzh',
					title : '身份证号',
					align : 'center'
				}, {
					field : 'gzxxmc',
					title : '报考学校',
					align : 'center'
				}, {
					field : 'ytzymc',
					title : '艺体特长',
					align : 'center'
				}, {
					field : 'ytkhcj',
					title : '艺体特长成绩',
					align : 'center'
				}, {
					field : 'gzshzt',
					title : '学校审核',
					align : 'center',
					formatter : function(value, row, index) {
						var a = "";
						if (value == null || value == "0") {
							a = "未通过";
						}
						;
						if (value == "1") {
							a = "审核通过";
						}
						;
						return a;
					}
				}, {
					field : 'xsshzt',
					title : '县市教育局审核',
					align : 'center',
					formatter : function(value, row, index) {
						var a = "";
						if (value == null || value == "0") {
							a = "未通过";
						}
						;
						if (value == "1") {
							a = "审核通过";
						}
						;
						return a;
					}
				}, {
					field : 'zjwshzt',
					title : '州教育局审核',
					editable : {
						type : 'select',
						source : [ {
							value : 0,
							text : "未审核"
						}, {
							value : 1,
							text : "审核通过"
						}, {
							value : 2,
							text : "审核未通过"
						} ],
						emptytext : "未审核", //空值的默认文本
						title : '审核状态',
						validate : function(v) {
							if (!v)
								return '审核状态不能为空';

						}
					},
					align : 'center'
				} ],
				onEditableSave : function(field, row, oldValue, $el) {
					$.ajax({
						type : "post",
						url : "/state/doSaveCheckResult",
						data : row,
						dataType : 'JSON',
						async : true,
						success : function(data, status) {
							if (data.code == "ok") {
								alert('更新成功');
								$("#shenhetable").bootstrapTable('refresh');
							}
						},
						error : function(error) {
							alert('编辑失败');
							//alert(error);
						},
						complete : function() {

						}

					});
				},
				onClickRow : function(row, $element) {
					curRow = row;
				},
				onLoadSuccess : function(aa, bb, cc) {
					$("#shenhetable a").editable({
						url : function(params) {
							var sName = $(this).attr("name");
							curRow[sName] = params.value;
							$.ajax({
								type : 'POST',
								url : "",
								data : curRow,
								dataType : 'JSON',
								success : function(data, textStatus, jqXHR) {
									alert('保存成功！');
								},
								error : function() {
									alert("error");
								}
							});
						},
						type : 'text'
					});
				},
			/* data:st,  */
			});
		};
		oTableInit.queryParams = function(params) {
			var param = {
				bmh : $(".searchtext").val(),
				pageSize : params.pageSize, //页面大小
				pageIndex : params.pageNumber, //页码
			};
			return param;
		};
		return oTableInit;
	};

	$(".searchbtn").click(function() {
		var param = {
			bmh : $(".searchtext").val(),
			pageSize : 1, //页面大小
			pageIndex : 10, //页码
		};
		$.ajax({
			url : "showWishArtSpecialty",
			type : "post",
			data : param,
			success : function(data) {
				//alert(data);
			}
		})
		$('#shenhetable').bootstrapTable('refresh');
		$(".searchtext").val("");
		return false;
	})

	//点击特色项目
	$(".tese").on('click', function() {

	})
	//点击艺体特长
	$(".yiti").on('click', function() {

	})

	//全选
	$('.checkall').on(
			'change',
			function() {
				console.log($(this).is(':checked'))
				var checkstate = $(this).is(':checked');
				if (checkstate == true) {
					//全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', true);
				} else {
					//取消全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', false);
				}
			})

	//批量审核
	$('#shenghe').on('click', function() {
		var row = $('#shenhetable').bootstrapTable('getSelections');
		if (row.length < 1) {
			alert("未选择学生");
			return false;
		}
		var statu = 0;
		for (var index = 0; index < row.length; index++) {
			var bmh = row[index].bmh;
			//执行审核请求
			$.ajax({
				type : 'POST',
				url : 'doExamineAll',
				async : true,
				data : {
					'bmh' : bmh,
					'zjwshzt' : '1'
				},//获取表单数据，select的name属性你自己加一下吧
				dataType : "json",
				success : function(data) {
					statu++;
				},
				error : function() {
					alert("审核失败")
				}
			})
		}
		$("#shenhetable").bootstrapTable('refresh', {
			url : "showWishArtSpecialty"
		});
	})

	//批量清除审核
	$("#goshenghe").on('click', function() {
		var row = $('#shenhetable').bootstrapTable('getSelections');
		if (row.length < 1) {
			alert("未选择学生");
			return false;
		}
		var statu = 0;
		for (var index = 0; index < row.length; index++) {
			var bmh = row[index].bmh;
			console.log(bmh);
			//执行审核请求
			$.ajax({
				type : 'POST',
				url : 'doExamineAll',
				async : true,
				data : {
					'bmh' : bmh,
					'zjwshzt' : '2'
				},//获取表单数据，select的name属性你自己加一下吧
				dataType : "json",
				success : function(data) {
					if (data.code == 'ok') {
						statu = statu + 1;
					}
					console.log(data);
				},
				error : function() {
					alert("取消失败")
				}
			})
		}
		;
		if (statu > 0) {
			alert("清除成功")
		}
		;
		$("#shenhetable").bootstrapTable('refresh', {
			url : "showWishArtSpecialty"
		});
	})

	$('tbody tr').dblclick(
			function() {
				var _this = this;
				$(_this).find('input[type=checkbox]').attr('disabled', false)
						.addClass('edt');
			})
			
	$('.choceSchool').on('change', function() {
	
		var _this = this;
		var thisId = $(_this).val();
		var values = $(_this).find("option:selected").val();
		
		$.ajax({
			type: 'post',
			url: "doSelectArtSpecialtyByHighSchoolYt",
			data:{"highSchoolId": values},
			dataType: 'json',
			success: function(data) {
				$('#shenhetable').bootstrapTable('load',data);
			},
			error: function(error) {
				console.log(error);
			}
		})
	});	
	$('.choceSchool').on('click', function() {
		$(".choceSchool option").each(function() { /*过滤指定select中重复的学校名 */
			var getText = $(this).text();
			if($(".choceSchool option:contains(" + getText + ")").length > 1) /*select option:contains("+text+")")包含text的个数 */ {
				$(".choceSchool option:contains(" + getText + "):gt(0)").remove(); /*包含text大于个数0的选项就移除*/
			}
		});
	})
</script>
</html>